<template>
  <el-container>
    <el-header class="box-shadow border-bottom">
      <Header/>
    </el-header>
    <el-main>
      <slot/>
    </el-main>
    <el-footer class="box-shadow border-top">
      <Footer/>
    </el-footer>
  </el-container>
</template>

<style scoped>
::v-global(.el-container) {
  min-height: 100vh;
}

::v-global(.el-main) {
  padding: 0 0 10px 0 !important;
  min-height: 100%;
}

::v-global(.el-dialog--center .el-dialog__body) {
  padding: 0 15px;
}

::v-global(.el-popup-parent--hidden) {
  width: 100% !important;
}
</style>